<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="./css/index.min.css">
<body>
    <div class="web">
        <header>
            <div class="top-img">
                <img src="./images/图层 19.png" alt="">
            </div>

        </header>

        <main>
            <!-- 门槛卷 -->
            <div class="threshold">

                <!-- 分级抵值卷 5元-->
                <div class="counterweight">

                    <!-- money无门槛卷 -->
                        <div class="money-box">

                            <!-- 上半部分 -->
                            <div class="money-top-box">
                                <!-- 符号 -->
                                <div class="symbol">
                                    <img src="./images/￥.png" alt="">
                                </div>

                               <!-- 5元图 -->
                               <div class="five-jpg">
                                    <img src="./images/5.png" alt="">
                               </div>

                               <!-- 文字 -->
                               <div class="free-text">                               
                                    <span>无门槛</span>
                               </div>

                            </div>


                            <!-- 下半部分 -->
                            <div class="money-bottom-box">
                                <span>限量1500张</span>
                                <!-- 点击领取 -->
                                <div class="take-button">
                                <span>点击领取</span>
                                </div>
                            </div>


                        </div>
                    <!-- 右边斜线部分 -->
                    <div class="slash">
                        <img src="./images/斜线.png" alt="">
                    </div>  

                </div>

                 <!-- 分级抵值卷 10元-->
                 <div class="counterweight">

                    <!-- money无门槛卷 -->
                        <div class="money-box">

                            <!-- 上半部分 -->
                            <div class="money-top-box">
                                <!-- 符号 -->
                                <div class="symbol">
                                    <img src="./images/￥.png" alt="">
                                </div>

                               <!-- 10元图 -->
                               <div class="double-jpg">
                                    <img src="./images/10.png" alt="">
                               </div>

                               <!-- 文字 -->
                               <!-- <div class="free-text">                               
                                    <span>无门槛</span>
                               </div> -->

                            </div>


                            <!-- 下半部分 -->
                            <div class="money-bottom-box">
                                <span>限量1500张</span>
                                <!-- 点击领取 -->
                                <div class="take-button">
                                <span>点击领取</span>
                                </div>
                            </div>


                        </div>
                    <!-- 右边斜线部分 -->
                    <div class="slash">
                        <img src="./images/斜线.png" alt="">
                    </div>  
                    
                    







                </div>

                <!-- 分级抵值卷 20元 -->
                <div class="counterweight">

                    <!-- money无门槛卷 -->
                        <div class="money-box">

                            <!-- 上半部分 -->
                            <div class="money-top-box">
                                <!-- 符号 -->
                                <div class="symbol">
                                    <img src="./images/￥.png" alt="">
                                </div>

                               <!-- 10元图 -->
                               <div class="double-jpg">
                                    <img src="./images/20.png" alt="">
                               </div>

                               <!-- 文字 -->
                               <!-- <div class="free-text">                               
                                    <span>无门槛</span>
                               </div> -->

                            </div>


                            <!-- 下半部分 -->
                            <div class="money-bottom-box">
                                <span>限量1500张</span>
                                <!-- 点击领取 -->
                                <div class="take-button">
                                <span>点击领取</span>
                                </div>
                            </div>


                        </div>
                    <!-- 右边斜线部分 -->
                    <div class="slash">
                        <img src="./images/斜线.png" alt="">
                    </div>  
                    
                    







                </div>

                <!-- 分级抵值卷 30元 -->
                <div class="counterweight-30">

                    <!-- money无门槛卷 -->
                        <div class="money-box">

                            <!-- 上半部分 -->
                            <div class="money-top-box">
                                <!-- 符号 -->
                                <div class="symbol">
                                    <img src="./images/￥.png" alt="">
                                </div>

                               <!-- 10元图 -->
                               <div class="double-jpg">
                                    <img src="./images/30.png" alt="">
                               </div>

                               <!-- 文字 -->
                               <!-- <div class="free-text">                               
                                    <span>无门槛</span>
                               </div> -->

                            </div>


                            <!-- 下半部分 -->
                            <div class="money-bottom-box">
                                <span>限量1500张</span>
                                <!-- 点击领取 -->
                                <div class="take-button">
                                <span>点击领取</span>
                                </div>
                            </div>


                        </div>
                    <!-- 右边斜线部分 -->
                    <!-- <div class="slash">
                        <img src="./images/斜线.png" alt="">
                    </div>   -->

                    
                    







                </div>

            </div>

            <!-- 流行趋势标题 -->
            <div class="popular-text">

                <h3>

                    <!-- 时尚潮流款 -->
                    <span class="fashion">时尚潮流款</span>

                    <!-- 流行趋势 -->
                    <span class="popular">流行趋势</span>




                </h3>
                <!-- 大写 -->
                <span class="CAPS">GORGEOUS COLOUR OF</span>
               



            </div>

            <!-- 商品例图 -->
            <div class="shop-box">
                <!-- 例图盒子 -->
                <div class="sample-box">
                    <!-- 商品图片 -->
                    <div class="sample-jpg">
                        <img src="./images/沙发.png" alt="">
                    </div>

                    <!-- 商品介绍文字 -->
                    <div class="sample-text">

                        <!-- 带有下划线的标题文字 -->
                        <div class="sofa-text">
                            <span>
                                现代布艺沙发
                            </span>
                        </div>
                        <!-- 进口白橡木材质 -->
                        <div class="yellow">
                            <span>进口白橡木材质</span>
                        </div>
                        <!-- 圆形盒子 -->
                        <div class="circle-box">
                            <!-- 棉麻布料 -->
                            <div class="circle">
                                <span>棉麻</span>
                                <br/>
                                <span>布料</span>
                            </div>

                            <!-- 实木架子 -->
                            <div class="circle">
                                <span>实木</span>
                                <br/>
                                <span>架子</span>
                            </div>

                            <!-- 健康环保 -->
                            <div class="circle">
                                <span>健康</span>
                                <br/>
                                <span>环保</span>
                            </div>

                        </div>
                        <!-- 放行材质 -->
                        <div class="span">
                            安全放心的材质
                        </div>
                       
                        <!-- 立即抢购 -->
                        <div class="buy-now">
                            <div class="188">
                                <img src="./images/￥.png" alt="">
                                <img src="./images/188.png" alt="">
                            </div>

                            <!-- 抢购按钮 -->
                            <div class="content-botton">
                                <div class="buy-botton">
                                    <span>立即抢购</span>
                                </div>
                            </div>
                            

                        </div>

                       

                        

                        
                    </div>

                    



                </div>

                <!-- 例图盒子 -->
                <div class="sample-box">
                                  
                
               <!-- 商品介绍文字 -->
               <div class="sample-text">
                
                <!-- 带有下划线的标题文字 -->
                <div class="sofa-text">
                    <span>
                        现代布艺沙发
                    </span>
                </div>
                <!-- 进口白橡木材质 -->
                <div class="yellow">
                    <span>进口白橡木材质</span>
                </div>
                <!-- 圆形盒子 -->
                <div class="circle-box">
                    <!-- 棉麻布料 -->
                    <div class="circle">
                        <span>棉麻</span>
                        <br/>
                        <span>布料</span>
                    </div>

                    <!-- 实木架子 -->
                    <div class="circle">
                        <span>实木</span>
                        <br/>
                        <span>架子</span>
                    </div>

                    <!-- 健康环保 -->
                    <div class="circle">
                        <span>健康</span>
                        <br/>
                        <span>环保</span>
                    </div>

                </div>
                <!-- 放行材质 -->
                <div class="span">
                    安全放心的材质
                </div>
               
                <!-- 立即抢购 -->
                <div class="buy-now">
                    <div class="188">
                        <img src="./images/￥.png" alt="">
                        <img src="./images/188.png" alt="">
                    </div>

                     <!-- 抢购按钮 -->
                     <div class="content-botton">
                        <div class="buy-botton">
                            <span>立即抢购</span>
                        </div>
                    </div>

                </div>

               

                

                
            </div>

              <!-- 商品图片 -->
              <div class="sample-jpg">
                <img src="./images/柜子.png" alt="">
            </div>
                            
                                    
                
                
                
                </div>

                <!-- 例图盒子 -->
                <div class="sample-box">
                    <!-- 商品图片 -->
                    <div class="sample-jpg">
                        <img src="./images/桌子.png" alt="">
                    </div>

                    <!-- 商品介绍文字 -->
                    <div class="sample-text">

                        <!-- 带有下划线的标题文字 -->
                        <div class="sofa-text">
                            <span>
                                现代布艺沙发
                            </span>
                        </div>
                        <!-- 进口白橡木材质 -->
                        <div class="yellow">
                            <span>进口白橡木材质</span>
                        </div>
                        <!-- 圆形盒子 -->
                        <div class="circle-box">
                            <!-- 棉麻布料 -->
                            <div class="circle">
                                <span>棉麻</span>
                                <br/>
                                <span>布料</span>
                            </div>

                            <!-- 实木架子 -->
                            <div class="circle">
                                <span>实木</span>
                                <br/>
                                <span>架子</span>
                            </div>

                            <!-- 健康环保 -->
                            <div class="circle">
                                <span>健康</span>
                                <br/>
                                <span>环保</span>
                            </div>

                        </div>
                        <!-- 放行材质 -->
                        <div class="span">
                            安全放心的材质
                        </div>
                       
                        <!-- 立即抢购 -->
                        <div class="buy-now">
                            <div class="188">
                                <img src="./images/￥.png" alt="">
                                <img src="./images/188.png" alt="">
                            </div>

                            <!-- 抢购按钮 -->
                            <div class="content-botton">
                                <div class="buy-botton">
                                    <span>立即抢购</span>
                                </div>
                            </div>

                        </div>
                 
                    </div>

                </div>


            </div>

            <!-- 热销爆款标题 -->
            <div class="title-box">

                <div class="line-box-l"></div>
                <div class="line-box"></div>
                <div class="line-box-none"></div>
                <div class="line-box-r"></div>




            </div>


            <!-- 多行商品图 -->
            <!-- 背景盒子 -->
            <div class="background-box">

                <!-- 多行桌子商品盒子 -->
                <div class="flex-warp">

                    <!-- 商品图加文字 -->
                    <div class="shop-text">

                        <!-- 桌子图片 -->
                        <div class="table-jpg">
                            <img src="./images/餐桌.png" alt="">
                        </div>
                        <!-- 下半部分文字内容 -->
                        <div class="buttom-text">
                            <div class="table-text">
                                <span>品质保障30年</span>
                            </div>
                            <span class="table-yellow">给温暖舒适的家</span>
                            <!-- 按钮 -->
                            <div class="buy-now">
                                <div class="188">
                                    <img src="./images/￥.png" alt="">
                                    <img src="./images/188.png" alt="">
                                </div>
    
                                <!-- 抢购按钮 -->
                                <div class="content-botton">
                                    <div class="buy-botton">
                                        <span>立即抢购</span>
                                    </div>
                                </div>
    
                            </div>
                            



                        </div>
                    </div>
                    <!-- 商品图加文字 -->
                    <div class="shop-text">

                        <!-- 桌子图片 -->
                        <div class="table-jpg">
                            <img src="./images/餐桌.png" alt="">
                        </div>
                        <!-- 下半部分文字内容 -->
                        <div class="buttom-text">
                            <div class="table-text">
                                <span>品质保障30年</span>
                            </div>
                            <span class="table-yellow">给温暖舒适的家</span>
                            <!-- 按钮 -->
                            <div class="buy-now">
                                <div class="188">
                                    <img src="./images/￥.png" alt="">
                                    <img src="./images/188.png" alt="">
                                </div>
    
                                <!-- 抢购按钮 -->
                                <div class="content-botton">
                                    <div class="buy-botton">
                                        <span>立即抢购</span>
                                    </div>
                                </div>
    
                            </div>
                            



                        </div>
                    </div>
                    <!-- 商品图加文字 -->
                    <div class="shop-text">

                        <!-- 桌子图片 -->
                        <div class="table-jpg">
                            <img src="./images/餐桌.png" alt="">
                        </div>
                        <!-- 下半部分文字内容 -->
                        <div class="buttom-text">
                            <div class="table-text">
                                <span>品质保障30年</span>
                            </div>
                            <span class="table-yellow">给温暖舒适的家</span>
                            <!-- 按钮 -->
                            <div class="buy-now">
                                <div class="188">
                                    <img src="./images/￥.png" alt="">
                                    <img src="./images/188.png" alt="">
                                </div>
    
                                <!-- 抢购按钮 -->
                                <div class="content-botton">
                                    <div class="buy-botton">
                                        <span>立即抢购</span>
                                    </div>
                                </div>
    
                            </div>
                            



                        </div>
                    </div>
                    <!-- 商品图加文字 -->
                    <div class="shop-text">

                        <!-- 桌子图片 -->
                        <div class="table-jpg">
                            <img src="./images/餐桌.png" alt="">
                        </div>
                        <!-- 下半部分文字内容 -->
                        <div class="buttom-text">
                            <div class="table-text">
                                <span>品质保障30年</span>
                            </div>
                            <span class="table-yellow">给温暖舒适的家</span>
                            <!-- 按钮 -->
                            <div class="buy-now">
                                <div class="188">
                                    <img src="./images/￥.png" alt="">
                                    <img src="./images/188.png" alt="">
                                </div>
    
                                <!-- 抢购按钮 -->
                                <div class="content-botton">
                                    <div class="buy-botton">
                                        <span>立即抢购</span>
                                    </div>
                                </div>
    
                            </div>
                            



                        </div>
                    </div>
                    <!-- 商品图加文字 -->
                    <div class="shop-text">

                        <!-- 桌子图片 -->
                        <div class="table-jpg">
                            <img src="./images/餐桌.png" alt="">
                        </div>
                        <!-- 下半部分文字内容 -->
                        <div class="buttom-text">
                            <div class="table-text">
                                <span>品质保障30年</span>
                            </div>
                            <span class="table-yellow">给温暖舒适的家</span>
                            <!-- 按钮 -->
                            <div class="buy-now">
                                <div class="188">
                                    <img src="./images/￥.png" alt="">
                                    <img src="./images/188.png" alt="">
                                </div>
    
                                <!-- 抢购按钮 -->
                                <div class="content-botton">
                                    <div class="buy-botton">
                                        <span>立即抢购</span>
                                    </div>
                                </div>
    
                            </div>
                            



                        </div>
                    </div>
                    <!-- 商品图加文字 -->
                    <div class="shop-text">

                        <!-- 桌子图片 -->
                        <div class="table-jpg">
                            <img src="./images/餐桌.png" alt="">
                        </div>
                        <!-- 下半部分文字内容 -->
                        <div class="buttom-text">
                            <div class="table-text">
                                <span>品质保障30年</span>
                            </div>
                            <span class="table-yellow">给温暖舒适的家</span>
                            <!-- 按钮 -->
                            <div class="buy-now">
                                <div class="188">
                                    <img src="./images/￥.png" alt="">
                                    <img src="./images/188.png" alt="">
                                </div>
    
                                <!-- 抢购按钮 -->
                                <div class="content-botton">
                                    <div class="buy-botton">
                                        <span>立即抢购</span>
                                    </div>
                                </div>
    
                            </div>
                            



                        </div>
                    </div>
                   


                </div>




            </div>

            <!-- 流行趋势标题 -->
            <div class="popular-text">

                <h3>

                    <!-- 时尚潮流款 -->
                    <span class="fashion">时尚潮流款</span>

                    <!-- 流行趋势 -->
                    <span class="popular">流行趋势</span>




                </h3>
                <!-- 大写 -->
                <span class="CAPS">GORGEOUS COLOUR OF</span>
               



            </div>


            <!-- 布艺沙发 -->
            <div class="fabric-sofa-box">
                <div class="table-jpg">
                    <img src="./images/完整桌子.png" alt="">
                </div>

                <!-- 右边文字盒子 -->
                <div class="right-text-box">
                    <div class="title-yellow">
                        <span>现代小情调</span>
                        <span>（布艺沙发）</span>
                    </div>
                    <div class="span-text">
                        <span>极简百搭的毛织连衣裙</span>
                        <span>黑红两色均有着显瘦修饰脸部光泽的特点</span>
                        <span>搭配一个毛衣链</span>
                        <span>你便是阳光下的妩媚魔鬼</span>
                    </div>
                    <div class="price">
                        <del>RMB826</del>
                        <span>RMB359</span>
                    </div>
                  
                        <img  class="escape-jpg-sofa" src="./images/白沙发.png" alt="">
                        <img  class="escape-jpg-lamp" src="./images/壁灯.png" alt="">
                
                </div>
 
            </div> 


                <!-- 下半部分布艺沙发 -->
            <div class="fabric-sofa-box-buttom">
               

                <!-- 右边文字盒子 -->
                <div class="right-text-box">
                    <div class="title-yellow">
                        <span>现代小情调</span>
                        <span>（布艺沙发）</span>
                    </div>
                    <div class="span-text">
                        <span>极简百搭的毛织连衣裙</span>
                        <span>黑红两色均有着显瘦修饰脸部光泽的特点</span>
                        <span>搭配一个毛衣链</span>
                        <span>你便是阳光下的妩媚魔鬼</span>
                    </div>
                    <div class="price">
                        <del>RMB826</del>
                        <span>RMB359</span>
                    </div>
                  
                        <img  class="escape-jpg-sofa" src="./images/枕头椅子.png" alt="">
                        <img  class="escape-jpg-lamp" src="./images/顶灯.png" alt="">
                
                </div>
                <div class="table-jpg">
                    <img src="./images/扁平桌子.png" alt="">
                </div>
 
            </div> 
          

            <!-- 底部小椅子 -->

            <div class="buttom-table">
                <div class="table">
                    <div class="table-jpg">
                        <img src="./images/底部木桌.png" alt="">
                    </div>
                    <h3>
                        现代小情调
                        <br/>
                        <del>RMB826</del>
                        <span>RMB359</span>
                    </h3>
                </div>
                <div class="table">
                    <div class="table-jpg">
                        <img src="./images/底部木桌.png" alt="">
                    </div>
                    <h3>
                        现代小情调
                        <br/>
                        <del>RMB826</del>
                        <span>RMB359</span>
                    </h3>
                </div>
                <div class="table">
                    <div class="table-jpg">
                        <img src="./images/底部木桌.png" alt="">
                    </div>
                    <h3>
                        现代小情调
                        <br/>
                        <del>RMB826</del>
                        <span>RMB359</span>
                    </h3>
                </div>
                <div class="table">
                    <div class="table-jpg">
                        <img src="./images/底部木桌.png" alt="">
                    </div>
                    <h3>
                        现代小情调
                        <br/>
                        <del>RMB826</del>
                        <span>RMB359</span>
                    </h3>
                </div>
                <div class="table">
                    <div class="table-jpg">
                        <img src="./images/底部木桌.png" alt="">
                    </div>
                    <h3>
                        现代小情调
                        <br/>
                        <del>RMB826</del>
                        <span>RMB359</span>
                    </h3>
                </div>





            </div>









        </main>
        <footer>
            <div class="footer">

            </div>

        </footer>



    </div>
</body>
</html>